$(function () {
    $('#loadTable').bootstrapTable({
        method : 'get',
        url : ctx+"adminHigh/getCommodityListPage",//请求路径
        height: getHeight(),//表格高度
        striped : true, //是否显示行间隔色
        pageNumber : 1, //初始化加载第一页
        pagination : true,//是否分页
        /*striped : true,   //设置为 true 会有隔行变色效果*/
        sidePagination : 'server',//server:服务器端分页|client：前端分页
        pageSize : 5,//单页记录数
        pageList : [5,10,20,30],//可选择单页记录数
        showRefresh : true,//刷新按钮
        singleSelect: true, //开启单选,想要获取被选中的行数据必须要有该参数
        queryParams : function(params) {//上传服务器的参数
            var temp = {//如果是在服务器端实现分页，limit、offset这两个参数是必须的
                limit :  params.limit, // 每页显示数量
                offset : params.offset, // SQL语句起始索引
                page : (params.offset / params.limit) + 1, //当前页码
                reverse : $('#reverse').val(),
                commodity_integral : $('#sel1').val()
            };
            return temp;
        },
        columns : [
            {
                checkbox:true  //第一列显示复选框
            },{
            title : '兑换商品图片',
            field : 'commodity_pic',
            formatter:function (value,row,index) {
                value = "/img/picImg?url="+value;
                return '<span><img src='+ value +' /></span>'
            }
        }, {
            title : '兑换商品描述',
            field : 'commodity_des',
            cellStyle:formatTableUnit,
            formatter:paramsMatter,

        }, {
            title : '库存',
            field : 'reserve',
        },{
            title : '兑换积分',
            field : 'commodity_integral',
        },{
            title : '兑换用户vip等级',
            field : 'state',
                formatter:function (value,row,index) {
                console.info("state:"+value)
                if (value == '0' )
                { return '0'}
                else if(value =='10000'){
                    return '1'
                } else if(value == '20000'){
                    return '2'
                } else if(value == '50000'){
                    return '3'
                } else if(value == '100000'){
                    return '4'
                }
            }
            },
            {
                field: 'operate',
                title: '操作',
                /*width: 120,*/
                align: 'center',
                valign: 'middle',
                formatter: actionFormatter,
            },
          ]
    })

   /* //操作栏的格式化,value代表当前单元格中的值，row代表当前行数据，index表示当前行的下标
    function actionFormatter(value, row, index) {
        var id = index;
        var data = JSON.stringify(row);
        console.info(data,toString)
        var result = "";
        result += "<a href='javascript:;' class='btn btn-xs green' onclick=\"EditViewById('" + id + "', view='view')\" title='查看'><span class='glyphicon glyphicon-search'></span></a>";
        result += "<a href='javascript:;' class='btn btn-xs blue' onclick=\"EditViewById('" + row.commodity_integral + "','" + row.commodity_pic + "')\" title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
        result += "<a href='javascript:;' class='btn btn-xs red' onclick=\"DeleteByIds('" + id + "')\" title='删除'><span class='glyphicon glyphicon-remove'></span></a>";
        return result;

    }*/
   function actionFormatter(value, row, index) {
       var strArray = new Array();
       strArray.push('<button class="btn btn-primary btn-lg" id="edit"  data-toggle="modal" data-target="#EditModal" ' +
           'onclick="EditViewById(\''+row.id+'\',\''+row.commodity_pic+'\',\''+row.commodity_des+'\',\''+ row.reserve+'\',\''+row.commodity_integral+'\',\''+row.state+'\')">修改</button> ');
       strArray.push('<button class="btn btn-danger btn-lg" id="edit"  data-toggle="modal" data-target="#DeleModal" ' +
           'onclick="DeleViewById(\''+row.id+'\')">删除</button> ');
       return strArray.join("");
   }
   
    //调整table的高度
    function getHeight() {
        /*     console.info("浏览器宽度"+$(window).height());*/
        return 390;
    }

    //查询按钮事件
    $('#search_btn').click(function() {
        $('#loadTable').bootstrapTable('refresh', {
            url :ctx+"adminHigh/getCommodityListPage"
        });
    });

   $('#addActive').click(function () {
       var formData = new FormData($("#yanzheng")[0]);  //重点：要用这种方法接收表单的参数
       formData.append("commodityDes",$('#commodityDes').val());
       formData.append("reserve",$('#reserve').val());
       formData.append("commodityIntegral",$('#commodityIntegral').val());
       formData.append("commodityState",$('#vipScore').val());

       $.ajax({
           url:ctx+"adminHigh/addCommodity",
           data:formData,
           type:"post",
           dataType:"json",
           cache: false, //上传文件无需缓存
           contentType: false, //用于对data参数进行序列化处理 这里必须false
           processData: false,
           success : function (data) {
               if (data.msg == '添加成功'){
                   $('#AddModal').modal('hide');
                   $('#loadTable').bootstrapTable('refresh');
                   toastr.success(data.msg)
               }
           },
           error: function(data) {
               toastr.error("操作失败");
           }

       })
   })

    $('#EditActive').click(function () {
        var formData = new FormData($("#edityan")[0]);  //重点：要用这种方法接收表单的参数
        formData.append("commodityDesEdit",$('#commodityDesEdit').val());  //描述
        formData.append("reserveEdit",$('#reserveEdit').val()); //商品库存
        formData.append("commodityIntegralEdit",$('#commodityIntegralEdit').val()); //所需要的积分
        formData.append("exchangeId",$('#exchangeId').val()); //商品id
        formData.append("newLoc",$('#newLoc').val());  //商品图片
        formData.append("state",$('#vip').val());  //需要vip的等级
        $.ajax({
            url:ctx+"adminHigh/editCommodity",
            type:"post",
            data:formData,
            dataType:"json",
            cache: false, //上传文件无需缓存
            contentType: false, //用于对data参数进行序列化处理 这里必须false
            processData: false, //代表以对象的形式上传的数据不会被转换为字符串的形式上传
            success : function (data) {
                if (data.msg == '修改成功'){
                    $('#EditModal').modal('hide');
                    $('#loadTable').bootstrapTable('refresh');
                    toastr.success(data.msg)
                }
            },
            error: function(data) {
                toastr.error("操作失败");
            }
        })
    })

    $('#deleActive').click(function () {
        $.ajax({
            url:ctx+"adminHigh/deitCommodity?deleteComId="+$('#deleteCom').val(),
            type:"post",
            dataType:"json",
            cache: false, //上传文件无需缓存
            contentType: false, //用于对data参数进行序列化处理 这里必须false
            processData: false, //代表以对象的形式上传的数据不会被转换为字符串的形式上传
            success : function (data) {
                if (data.msg == '删除成功'){
                    $('#DeleModal').modal('hide');
                    $('#loadTable').bootstrapTable('refresh');
                    toastr.success(data.msg)
                }
            },
            error: function(data) {
                toastr.error("操作失败");
            }
        })
    })

})

    //modal 赋值id
    function  EditViewById(id,pic,des,res,inte,state) {
      /*$('#commodityPicEdit').val(pic);*/
      /*动态赋值 img 路径*/
      $("#newLoc").attr("src", "/img/picImg?url="+pic);
      $("#newLoc").val(pic)
      $('#commodityDesEdit').val(des);
      $('#reserveEdit').val(res);
      $('#commodityIntegralEdit').val(inte);
      $('#exchangeId').val(id);
      if (state == 0){
          $("#vip option[value='0']").prop("selected", true);
      }else if (state ==10000){
          $("#vip option[value='10000']").prop("selected", true);
      }else if (state ==20000){
          $("#vip option[value='20000']").prop("selected", true);
      }else if (state ==50000){
          $("#vip option[value='50000']").prop("selected", true);
      }else {
          $("#vip option[value='100000']").prop("selected", true);
      }
      console.info(id+"-------"+pic+"-------"+des+"-----------"+res+"--------"+inte)
    };

    //
    function DeleViewById(id) {
        $('#deleteCom').val(id)
    }

    //表格超出宽度鼠标悬停显示td内容
    function paramsMatter(value,row,index) {
        var span=document.createElement('span');
        span.setAttribute('title',value);
        span.innerHTML = value;
        return span.outerHTML;
    }


    //td宽度以及内容超过宽度隐藏
    function formatTableUnit(value, row, index) {
        return {
            css: {
                "white-space": 'nowrap',
                "text-overflow": 'ellipsis',
                "overflow": 'hidden',
                "max-width":"150px"
            }
        }
    }